<template>
  <div class="project">
    <!--<x-header style="background-color:#1AAC19;" :left-options="{backText: ''}">
      项目详情
      <div @click="goreport" slot="right">举报</div>
    </x-header>-->
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      捐款记录
    </div>


    <div class="con-list">
      <div>


        <!--<swiper v-model="index" :show-dots="false" :threshold="threshold" :min-moving-distance="minmovingdistance">-->


        <div class="record" v-if="witchShow == 'jilu'">
          <!--捐款记录-->
          <div class="list">


            <div class="aList" v-for="eventJuankuans in eventJuankuan">
              <div class="aList-image">
                <img v-if="eventJuankuans.isNiming == 2 && eventJuankuans.headUrl != '' && eventJuankuans.headUrl.indexOf('http') != -1" :src="eventJuankuans.headUrl" alt="">
                <img v-else-if="eventJuankuans.isNiming == 2 && eventJuankuans.headUrl != '' && eventJuankuans.headUrl.indexOf('http') == -1" :src="imageUrl.imageUrl + eventJuankuans.headUrl" alt="">
                <img v-else="" src="../../images/morentouxiang02.jpg" alt="">
              </div>
              <div class="aList-content">
                <span v-if="eventJuankuans.isNiming == 2" class="nickName">{{eventJuankuans.nickname}}</span>
                <span v-else-if="eventJuankuans.isNiming == 1" class="nickName">爱心用户</span>
                <span class="aList-time" v-if="eventJuankuans.pastTime != ''">{{eventJuankuans.pastTime}}</span>
                <span class="aList-money">捐助<em>{{eventJuankuans.amount}}</em>元</span>
              </div>

              <div class="aList-contenttwo" v-show="eventAll.eventIsDonate == 1">
               	<span>{{eventJuankuans.eventDonateName}}</span> <span>企业配捐</span> <span class="aList-money">{{eventJuankuans.eventAmount}}</span>元
              </div>
            </div>
          </div>

          <div class="more-btn-box">
            <div class="more-btn" @click="moreOtherJuankuans" v-model="lookMoreJuankuans">{{lookMoreJuankuans}}</div>
          </div>

          <div class="btn">
            <flexbox>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon"
                                                                      style="font-size: 16px;">&#xe625;</i> 我要捐款
                </x-button>
              </flexbox-item>
              <!--<flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">-->
              <!--<x-button type="primary"><i class="iconfont head-icon"-->
              <!--style="font-size: 16px;">&#xe625;</i> 募捐完成-->
              <!--</x-button>-->
              <!--</flexbox-item>-->
              <!--<flexbox-item v-show="eventAll.eventStatus == 4">-->
              <!--<x-button type="primary"><i class="iconfont head-icon"-->
              <!--style="font-size: 16px;">&#xe625;</i> 募捐结束-->
              <!--</x-button>-->
              <!--</flexbox-item>-->
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">
                <x-button type="primary" @click.native="goHello">募捐完成 返回首页
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 4">
                <x-button type="primary" @click.native="goHello">募捐结束 返回首页
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="godonation"><i class="iconfont head-icon"
                                                                       style="font-size: 16px">&#xe627;</i> 邀朋友一起捐
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="isVolunteer">
                <x-button type="primary" @click.native="govolunteer"><i class="iconfont head-icon"
                                                                        style="font-size: 16px">&#xe650;</i> 成为志愿者
                </x-button>
              </flexbox-item>
            </flexbox>
          </div>
        </div>

        <!--</swiper>-->
      </div>
    </div>
    <div v-transfer-dom>
      <alert v-model="showAlert" :title="titleAlert"  button-text="确定">
        <!--<qrcode :value="qrcodeImg" type="img"></qrcode>-->
        <vue-qr  :logoSrc="logoSrc" :text="qrcodeImg" height="200" width="200" :margin="margin" colorDark="#333333" colorLight="#333333" :dotScale="dotScale" :logoMargin="logoMargin" :logoCornerRadius="logoCornerRadius"></vue-qr>
      </alert>
    </div>


  </div>
</template>
<style lang="scss" src='./index.scss'></style>
<script src="./togetherRecord.js"></script>
